@charset "utf-8";
@font-face {
	font-family: 'Jenna Sue';
	src: url(../font/jennasue-webfont.eot);
	src: url('../font/jennasue-webfont.eot?#iefix') format('embedded-opentype'), url('../font/jennasue-webfont.woff') format('woff'), url('../font/jennasue-webfont.ttf') format('truetype'), url('../font/jennasue-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
}
html,
body,
div,
h1,
h2,
h3,
ul,
ol,
li,
dt,
p,
table,
th,
td,
img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	width: 100%;
	height: 100%;
	background: url(../img/bg.jpg) repeat center center;
	-webkit-background-size: 300px;
	-moz-background-size: 300px;
	-o-background-size: 300px;
	background-size: 300px
	color: #2f2f2f;
	font-weight: normal;
	font-style: normal;
}

a:link,
a:hover,
a:visited {
	color: #2f2f2f;
	text-decoration: none;
}

.rotate {
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
}

.social {
	margin: 50px auto;
	width: 408px;
	padding-bottom: 50px;
}

.social-icons {
	display: block;
	height: 48px;
}

.social-icons li {
	display: inline-block;
	margin-left: 6px;
}

@media screen and (min-width:802px) {
	/* 800+ resolution */
	.controller {
		width: 942px;
		margin: auto;
	}
	.objects {
		width: 100%;
		height: 673px;
		background: url(../img/objects.png) no-repeat center center;
	}
	.text-area {
		width: 300px;
		padding-top: 180px;
		margin-left: 40px;
		text-align: center;
	}
	.error {
		font: 86px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.details,
	.homepage {
		font: 42px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.homepage {
		background: url(../img/home.png) no-repeat;
		padding-left: 50px;
		float: right;
		right: 45px;
		top: -50px;
		position: relative;
		text-align: center;
	}
}


/*
	This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 5$, can't you afford it?
*/

@media screen and (min-width:602px) and (max-width:801px) {
	/* 800- resolution */
	.controller {
		width: 800px;
		margin: auto;
	}
	.objects {
		width: 100%;
		height: 673px;
		background: url(../img/objects-800.png) no-repeat center center;
	}
	.text-area {
		width: 250px;
		padding-top: 190px;
		margin-left: 40px;
		text-align: center;
	}
	.error {
		font: 86px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.details,
	.homepage {
		font: 42px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.homepage {
		background: url(../img/home.png) no-repeat;
		padding-left: 50px;
		float: right;
		right: 25px;
		top: -50px;
		position: relative;
		text-align: center;
	}
}

@media screen and (min-width:0px) and (max-width:601px) {
	/* 600- resolution */
	.controller {
		width: 600px;
		margin: auto;
	}
	.objects {
		width: 100%;
		height: 673px;
		background: url(../img/objects-600.png) no-repeat center center;
	}
	.text-area {
		width: 200px;
		padding-top: 230px;
		margin-left: 20px;
		text-align: center;
	}
	.error {
		font: 56px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.details,
	.homepage {
		font: 32px Jenna Sue, Helvetica, Arial, sans-serif;
	}
	.homepage {
		background: url(../img/home-600.png) no-repeat;
		padding-left: 35px;
		float: right;
		right: 20px;
		top: -50px;
		position: relative;
		text-align: center;
	}
}